<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="public/img/favicon.ico"  />
	<!-- 移动设备优先 -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../../public/bs/css/bootstrap.css">
	<script src="../../public/bs/js/jquery.min.js"></script>
	<script src="../../public/bs/js/bootstrap.min.js"></script>
	<script src="../public/js/js_function.js"></script>
	<title>秀品-订单支付</title>
	<link rel="stylesheet" href="public/css/dd.css">
	<script src="public/js/dd.js"></script>
</head>
<body>
	<div id="fix_div">
		<div class="fix_list">
			<div class="fix_line"></div>
			<div class="fix_menu">
				<div class="f_mtop">
					<span class="fix_but1"></span>
					<div class="fix_gwd">购物袋</div>
					<span class="fix_but2">2</span>
				</div>
				<div class="app">
					<span class="phone"></span>
					<span class="app_text">APP</span>
					<div class="app_2wei"><img src="public/img/qrcode.jpg" alt=""></div>
				</div>
				<div class="back_top">
					<span class="back_top_pic"></span>
					<span class="back_top_text">
						TOP
					</span>
				</div>
			</div>
		</div>
		
	</div>


	<nav>
		<div id="nav_bigbox">
			<div class="nav_left">
				<ul>
					<li class="nav_llist navlist_one">hi,欢迎来到秀品商城 </li>
					<li class="nav_llist navlist_two"><a href="">登录</a></li>
					<li class="nav_llist" style="color:#ccc">|</li>
					<li class="nav_llist navlist_two"><a href="">注册</a></li>
					<li class="clear"></li>
				</ul>
			</div>
			<div class="nav_right">
				<ul style="height:30px">
					<li class="nav_rlist"><a href="">我的订单</a></li>
					<li class="nav_rlist shu">|</li>
					<li class="nav_rlist myxp">我的秀品<span class="caret xpc"></span>
						<ul>
							<li><a href="">个人中心</a></li>
							<li><a href="">优惠券/红包</a></li>
						</ul>
					</li>
					<li class="nav_rlist shu">|</li>
					<li class="nav_rlist"><a href="">手机版</a></li>
					<li class="nav_rlist shu">|</li>
					<li class="nav_rlist small_but">
						<span class="weibo"></span>
						<span class="weixin"></span>
						<span class="yixin"></span>
						<ul class="weibo_list"><img src="public/img/2wei1.png" alt=""></ul>
						<ul class="weixin_list"><img src="public/img/2wei2.png" alt=""></ul>
						<ul class="yixin_list"><img src="public/img/2wei3.png" alt=""></ul>
					</li>
					<li class="nav_rlist shu">|</li>
					<li class="nav_rlist">在线客服</li>
					<li class="nav_rlist shu">|</li>
					<li class="nav_rlist"><span class="glyphicon glyphicon-earphone" style="margin-right:5px"></span>400-8666163</li>
					<li class="nav_rlist shu">|</li>
					<li class="nav_rlist">帮助中心</li>
					<li class="clear"></li>
				</ul>
			</div>
			
		</div>
	</nav>
	<!-- top_box -->
	
	<div class="bottom">
		<div class="bot_top">
			<div class="bot_top_left">
				<img src="public/img/LOGO.png" alt="">
			</div>
			<div class="bot_top_mid">
				填写订单
			</div>
			<div class="bot_top_bottom">
				<span><a href="">1、我的购物车</a></span><i></i><i class="ys2"></i><span class="txdd">2、填写订单</span><span>3、完成订单</span>
			</div>
			<div class="clear"></div>
		</div>
		<div class="bot_mid">
			<button>返回修改购物车</button>
		</div>
		<div class="bot_content">
			<div class="bc_list floor1">
				<div class="bc_list_title">
					收货相关信息
				</div>
				<div class="bc_list_con">
					<h4>收货地址</h4>
					<div class="sh f1">
						<span style="color:red;margin-top:">*</span><span class="name">收货人：</span>
						<input type="text">
						<span class="worn1"><span></span>请填写收货人姓名</span>
					</div>
					<div class="sh f2">
						<span style="color:red;margin-top:">*</span><span class="name">收货地区：</span>
						<select name="" id="china">
							<option value="">中国</option>
							<option value="">其他国家或地区</option>
						</select>
						<select name="" id="">
							<option value="">请选择</option>
						</select>
						<select name="" id="">
							<option value="">请选择</option>
						</select>
						<select name="" id="">
							<option value="">请选择</option>
						</select>
						<span class="worn1"><span></span>请您选择完整的收货地址信息</span>
					</div>
					<div class="sh f3">
						<span style="color:red;margin-top:">*</span><span class="name">详细地址：</span>
						<input type="text">
						<span class="worn1"><span></span>请填写详细的街道地址，要求3个汉字或以上</span>
					</div>
					<div class="sh f4">
						<span style="color:red;margin-top:">*</span><span class="name">邮政编码：</span>
						<input type="text">
						
					</div>					
					<div class="sh f5">
						<span style="color:red;margin-top:">*</span><span class="name">手机：</span>
						<input type="text">
						<span>或 固定电话</span>
						<span class="worn1"><span></span>请填写手机号或固定电话</span>
					</div>
					<div  class="sh f6">
						<a href="">确认收货地址</a>
					</div>
				</div>
			</div>
			<div class="bc_list floor2">
				<div class="bc_list_title">
					订单1(ANYSHION旗舰店配送)
				</div>
				<div class="bc_list_con">
					<ul class="blc_title">
						<li class="con1">商品名称</li>
						<li class="con2">价格</li>
						<li class="con3">促销价</li>
						<li class="con4">数量</li>
						<li class="con5">小计</li>
						<li class="con6">操作</li>
						<div class="clear"></div>
					</ul>
					<ul class="blc_title blc_content">
						<li class="con1">【今日巨亏！抢！】  ANYSHION新款女装2016夏装连衣裙两件...</li>
						<li class="con2">¥99.00(25折)</li>
						<li class="con3">--</li>
						<li class="con4">1</li>
						<li class="con5">¥99.00</li>
						<li class="con6">
							<a href="">放回购物车</a></li>
						<div class="clear"></div>
					</ul>
					<div class="pricebar">
						<div class="price_xiaoji"><p>小计总额：<span>¥99.00</span></p></div>
						<div class="price_yf">
							<p>运费：<span>¥10.00</span></p>
						</div>
						
						<div class="clear"></div>
					</div>
					<div class="liuyan">
						<span>给商家留言：</span>
						<textarea name="" id="" cols="70" rows="2"></textarea>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="bc_list floor3">
				<ul>
					<li><a href=""></a><span>余&nbsp;&nbsp;额</span><div class="clear"></div></li>
					<li><a href=""></a><span>礼品卡</span><div class="clear"></div></li>
					<li><a href=""></a><span>积&nbsp;&nbsp;分</span><div class="clear"></div></li>
					<li><a href=""></a><span>优惠码</span><div class="clear"></div></li>
					<li><a href=""></a><span>礼&nbsp;&nbsp;券</span>
						<span style="color:red">（此订单暂无可有礼券）</span>
						<div class="clear"></div></li>					
				</ul>
				<div class="f3_right">
					<ul>
						<li><span>商品金额：<span>¥99.00</span></span></li>
						<li><span>运费:<span>¥10.00</span></span><i class="but1"></i></li>
						<li><span>*应付总额(含运费):<span style="color:#CC3300;font-size:15px;font-weight:bold">¥109.00</span></span></li>
						<li><a href="../pay/pay.html">提交订单</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>

	<div id="footer">
		<div class="ft_top">
			<div class="ft_top_list">
				<a href="">
					<div>
						<div class="ft_t_icon"></div>
						<div class="ft_t_title">
							<p>网易旗下电商品牌</p>
						</div>
					</div>
					<div>
						<div class="ft_t_icon list1"></div>
						<div class="ft_t_title">
							<p>100%品牌授权正品</p>
						</div>
					</div>
					<div>
						<div class="ft_t_icon list2"></div>
						<div class="ft_t_title">
							<p>汇聚全球时尚新品</p>
						</div>
					</div>
					<div>
						<div class="ft_t_icon list3"></div>
						<div class="ft_t_title">
							<p>7天无忧退货免运费</p>
						</div>
					</div>
				</a>
			</div>			
		</div>
		<div class="ft_mid">
			<div class="ft_mid_list">
				<ul>
					<li>秀品保障</li>
					<li class="ft_line"></li>
					<li>正品保证</li>
					<li>无忧退货</li>
				</ul>
				<ul>
					<li>新手指南</li>
					<li class="ft_line"></li>
					<li>购物流程</li>
					<li>支付方式</li>
					<li>账户管理</li>
					<li>常见问题</li>
				</ul>
				<ul>
					<li>物流配送</li>
					<li class="ft_line"></li>
					<li>配送方式</li>
					<li>验货签收</li>
				</ul>
				<ul>
					<li>售后服务</li>
					<li class="ft_line"></li>
					<li>退货政策</li>
					<li>退货流程</li>
					<li>退款说明</li>
					<li>联系客服</li>
				</ul>
				<ul style="margin-right:0px;width:114px">
					<li>关注我们</li>
					<li class="ft_line"></li>
					<li>
						<span class="icon_wbo"></span><span class="icon_weixin"></span><span class="icon_yixin"></span>
					</li>
					
				</ul>
			</div>
		</div>
		<div class="ft_foot">
			<div class="ftf_top">
				<a href="">关于我们</a>
				<a href="">反馈建议</a>
				<a href="">品牌招商</a>
				<a href="">隐私条款</a>
			</div>
			<div class="ftf_mid">
				<div>
					<a href="">About Netease</a> - 
					<a href="">公司简介</a> - 
					<a href="">招聘信息</a> - 
					<a href="">相关法律</a> -
					<a href="">增值电信业务经营许可证：浙B2-20150097</a>
				</div>
				<div>
					<a href="">杭州网易印象科技有限公司  ©  2015-2016</a>
				</div>
				<div>
					<a href="" id="wzba"></a>浙江省网络工商
					<a href="" id="ghs"></a>
					浙公网安备 33010002000045号
				</div>
				 
			</div>
		</div>
	</div>

</body>
<script>
	
</script>
</html>